

// 导航区域
.mm-nav{
  padding-top: .4rem /* 20/50 */;
  padding-bottom: .2rem /* 10/50 */;
  background-color: #f1f1f1;
  ul{
    padding: .4rem /* 20/50 */;
    background-color: #fff;
    li{
      width: 25%;
      float: left;
      text-align: center;
      margin-top: .6rem /* 30/50 */;
      overflow: hidden;
      transition: all 1s;
      a{
        width: 100%;
        height: 100%;
        display: block;
        img{
          width: 2rem /* 100/50 */;
        }
        p{
          margin-top: .2rem /* 10/50 */;
        }
      }
    }
    .active{
      transform: scale(0);
      height: 0;
    }
  }
}
// 折扣推荐区域
.mm-recommend{
  .recommend-tit{
    height: 1.4rem /* 70/50 */;
    padding-left: .4rem /* 20/50 */;
    background-color: #ff9000;
    line-height: 1.4rem /* 70/50 */;
    color:#fff;
    span{
      font-size: .64rem /* 32/50 */;
    }
    img{
      float: right;
      margin-top: .32rem /* 16/50 */;
      margin-right: .4rem /* 20/50 */;
    }
  }
  .recommend-pro{
    ul{
      background-color: #fff;
      li{
        padding: .56rem /* 28/50 */ .32rem /* 16/50 */;
        position: relative;
        border-bottom: .04rem /* 2/50 */ solid #e7e7e7;
        a{
          display: block;
          .pro-img{
            float: left;
            width: 4.4rem /* 220/50 */;
            img{
              width: 4rem /* 200/50 */;
              height: 4rem /* 200/50 */;
            }
          }
          .pro-des{
            padding-left: 3.6rem /* 180/50 */;
            .title{
              font-size: .6rem /* 30/50 */;
              min-height: 2.28rem /* 114/50 */;
              span{
                color:red
              }
            }
            .other{
              span{
                color:#a1a1a1;
              }
            }
          }
        }
      }
    }
  }
  .recommend-more{
    text-align: center;
    line-height: 1.2rem /* 60/50 */;
    background-image: linear-gradient(#fff,#f4f4f4);
    font-size: .52rem /* 26/50 */;
    margin: .4rem /* 20/50 */;
    border-radius: .16rem /* 8/50 */;
    border: .04rem /* 2/50 */ solid #ddd;
  }
}
// 品牌排行区域
.mm-brand{
  height: 1.4rem /* 70/50 */;
  padding-left: .4rem /* 20/50 */;
  background-color: #ff9000;
  line-height: 1.4rem /* 70/50 */;
  color:#fff;
  span{
    font-size: .64rem /* 32/50 */;
  }
  img{
    float: right;
    margin-top: .32rem /* 16/50 */;
    margin-right: .4rem /* 20/50 */;
  }
}


